@height-item: calc((100vh - 180px) / 8);
.transfrom-class {
  transition: 0.75s;
}
.font-style {
  font-size: 24px;
  color: white;
}
.middle-box {
  width: 100%;
  .transfrom-class();
  .middel-box-item {
    position: relative;
    height: @height-item;
    line-height: @height-item;
    display: flex;
    justify-content: flex-end;
    .font-style();
  }
  .middel-box-item-red1 {
    background-color: rgba(238, 63, 77, 0.8);
  }
  .middel-box-item-red2 {
    background-color: rgba(222, 28, 49, 0.8);
  }
  .middel-box-item-red3 {
    background-color: rgba(209, 26, 45, 0.9);
  }
  .middel-box-item-red4 {
    background-color: rgba(166, 27, 41, 0.8);
  }
  .middel-box-item-red5 {
    background-color: rgba(238, 39, 70, 0.8);
  }
  .middel-box-item-red6 {
    background-color: rgba(238, 63, 77, 0.8);
  }
  .middel-box-item-red7 {
    background-color: rgba(238, 72, 99, 0.6);
  }
  .middel-box-item-red8 {
    background-color: rgba(204, 22, 58, 0.8);
  }
  .middel-box-inner {
    height: @height-item;
    span {
      margin-left: 20px;
      margin-right: 24px;
    }
  }
  .middel-box-inner-red1 {
    width: 75%;
    background-color: rgba(204, 22, 58, 0.8);
  }
  .middel-box-inner-red2 {
    width: 55%;
    background-color: rgba(238, 63, 77, 0.6);
  }
  .middel-box-inner-red3 {
    width: 45%;
    background-color: rgba(222, 28, 49, 0.6);
  }
  .middel-box-inner-red4 {
    width: 25%;
    // background-color: rgba(240,55,82,0.8);
    background-color: rgba(166, 27, 41, 0.6);
  }
  .middel-box-inner-red5 {
    width: 45%;
    background-color: rgba(238, 72, 99, 0.9);
  }
  .middel-box-inner-red6 {
    width: 50%;
    position: absolute;
    left: 0;
    padding-left: 45%;
    background-color: rgba(238, 63, 77, 0.6);
  }
  .middel-box-inner-red7 {
    width: 65%;
    position: absolute;
    left: 0;
    padding-left: 35%;
    background-color: rgba(238, 63, 77, 0.6);
  }
  .middel-box-inner-red8 {
    width: 55%;
    position: absolute;
    left: 0;
    padding-left: 25%;
    background-color: rgba(204, 22, 58, 0.8);
  }
}
